<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <%- include src/pages/common/styles.html -%>
  
  <title>贷款管理</title>
</head>
<body class="<%= htmlWebpackPlugin.options.data.tplConfig.bodyClass || '' %>">
  <%- include src/pages/common/header.html -%>

  <div class="content order">
  <div class="main-container">

    <div class="order__tabs">
      <ul class="tabs__inner">
        <li class="tabs__item active"><a href="#">全部订单</a></li>
        <li class="tabs__item"><a href="#">合同签署</a></li>
        <li class="tabs__item"><a href="#">待放款</a></li>
        <li class="tabs__item"><a href="#">还款中</a></li>
        <li class="tabs__item"><a href="#">已结清</a></li>
        <li class="tabs__item"><a href="#">其他</a></li>
      </ul>
      <div class="input-group tabs__right">
        <input type="text" class="form-control" placeholder="产品名称/申请编号">
        <span class="input-group-btn">
          <button class="btn btn-primary">搜索</button>
        </span>
      </div>
    </div>
    <div class="pickerbar">
      <div class="pickerbar__date">
        <select class="form-control selectpicker">
          <option value="">今年内订单</option>
          <option value="">今年以前订单</option>
        </select>
      </div>
      <div class="pickerbar__status">
        <select class="form-control selectpicker">
          <option>审核中</option>
          <option>借款合同待签署</option>
          <option>借款合同面签审核中</option>
          <option>借款合同需重签</option>
          <option>从合同待签署</option>
          <option>从合同审核中</option>
          <option>申请成功放款中</option>
          <option>还款中</option>
          <option>已结清</option>
          <option>已还款</option>
          <option>已失效</option>
          <option>申请失败</option>
        </select>
      </div>
    </div>

    <div class="order__list">
      <div class="orderbox">
        <div class="orderbox__hd">
          <div class="hd__inner">
            <span class="hd__txt">贷款申请编号： 2018041800001</span>
            <span class="hd__txt">订单提交时间： 2016-08-15 14:57:38</span>
          </div>
        </div>
        <div class="orderbox__bd">
          <div class="bd__cell--product">
            <span class="orderbox__bold">产品名称产品名称</span>
          </div>
          <div class="bd__cell--interest">
            <p class="orderbox__bold">0.06%</p>
            <span class="orderbox__label">月利率</span>
          </div>
          <div class="bd__cell--figure">
            <span class="orderbox__scribe">申请金额：<span class="dark">&yen;6666666.00</span></span><br>
            <span class="orderbox__scribe">合同金额：<span class="dark">&yen;6666666.00</span></span><br>
            <span class="orderbox__scribe">放款金额：<span class="dark">&yen;6666666.00</span></span><br>
          </div>
          <div class="bd__cell--installment">
            <div class="installment">
              <div class="installment__phase">10期</div>
              <div class="installment__repay">
                <span class="repay-method">按期还息到期还本</span><br>
                <span class="installment-account">放款接收账号</span>
              </div>
            </div>
          </div>
          <div class="bd__cell--status">
            <span class="orderbox__scribe orderbox__scribe--warning">
              借款合同面签审核中
            </span><br>
            <a href="#">订单详情<i class="icon icon--triangle-down"></i></a>
          </div>
          <div class="bd__cell--ops">
            <a href="#" class="btn btn-warning">查看</a>
          </div>
        </div>
      </div>

      <div class="orderbox">
        <div class="orderbox__hd">
          <div class="hd__inner">
            <span class="hd__txt">贷款申请编号： 2018041800001</span>
            <span class="hd__txt">订单提交时间： 2016-08-15 14:57:38</span>
          </div>
        </div>
        <div class="orderbox__bd">
          <div class="bd__cell--product">
            <span class="orderbox__bold">产品名称产品名称</span>
          </div>
          <div class="bd__cell--interest">
            <p class="orderbox__bold">0.06%</p>
            <span class="orderbox__label">月利率</span>
          </div>
          <div class="bd__cell--figure">
            <span class="orderbox__scribe">申请金额：<span class="dark">&yen;6666666.00</span></span><br>
            <span class="orderbox__scribe">合同金额：<span class="dark">&yen;6666666.00</span></span><br>
            <span class="orderbox__scribe">放款金额：<span class="dark">&yen;6666666.00</span></span><br>
          </div>
          <div class="bd__cell--installment">
            <div class="installment">
              <div class="installment__phase">10期</div>
              <div class="installment__repay">
                <span class="repay-method">按期还息到期还本</span><br>
                <span class="installment-account">放款接收账号</span>
              </div>
            </div>
          </div>
          <div class="bd__cell--status">
            <span class="orderbox__scribe orderbox__scribe--danger">
              借款合同需重签&nbsp;<i class="icon icon--question"></i>
            </span><br>
            <a href="#">订单详情<i class="icon icon--triangle-down"></i></a>
          </div>
          <div class="bd__cell--ops">
            <a href="#" class="btn btn-warning">查看</a>
            <a href="#" class="btn btn-primary">签署合同</a>
            <a href="#" class="btn btn-default">取消订单</a>
          </div>
        </div>
        <div class="orderbox__refund">
          <div class="refund__inner">
            <table class="refund__table">
              <thead>
                <tr>
                  <th></th>
                  <th>期数</th>
                  <th>应还日期</th>
                  <th>应还金额</th>
                  <th>距离到期天数</th>
                  <th>还款状态</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td></td>
                  <td>3期</td>
                  <td>2018-05-20</td>
                  <td>&yen;20,000,000.00</td>
                  <td>40天</td>
                  <td>未到期</td>
                </tr>
                <tr>
                  <td><i class="icon icon--exclamation"></i></td>
                  <td>2期</td>
                  <td>2018-05-20</td>
                  <td>&yen;20,000,000.00</td>
                  <td>40天</td>
                  <td>未到期</td>
                </tr>
                <tr>
                  <td><i class="icon icon--check"></i></td>
                  <td>1期</td>
                  <td>2018-05-20</td>
                  <td>&yen;20,000,000.00</td>
                  <td>40天</td>
                  <td>未到期</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="refund__right">
            <button class="btn btn-primary">
              还款方式<i class="icon icon--triangle-down"></i>
            </button>
          </div>
        </div>
      </div>
    </div>

  </div>
  </div>

  <%- include src/pages/common/footer.html -%>
  <%- include src/pages/common/scripts.html -%>
</body>
</html>